<div class="main">
  <h1 class="Dn">聊城资源馆</h1>
  <a href="{$_RPath}" class="logo"><img src="{$_RPath}theme/Home/pc/Public/images/logo.png" width="60" height="60" /><img src="{$_RPath}theme/Home/pc/Public/images/logotext.png" width="202" height="55" /> </a>
  <div class="fr search_k">
    <input class="search_text Fs24 Lh30" value="{$keyword}" type="text">
    <input class="search_btn Fs16 Lh24" value="搜 索" type="button">
  </div>
</div>

<script type="text/javascript">
		$(function(){
        	$('#first .relative').mouseenter(function(){
				$(this).find('.a_list').slideDown();
				$(this).find("a:first-child").addClass('hover');
			})
			$('#first .relative').mouseleave(function(){
				$(this).find('.a_list').hide();
				$(this).find("a:first-child").removeClass('hover');
			})
			$(".search_btn").click(function(){
				var keyword = $(".search_text").val();
				if(keyword != ''){
					window.location = "{$_RPath}Article/cateList?keyword="+encodeURIComponent(keyword);
				}
			});
		})
</script>

<div class="nav">
  <div class="menu">
    <ul id="first">
      <li style="width:81px;"><a href="{$_RPath}" <if condition="$controller eq 'Index' AND $action eq 'index' ">class="active"</if>>首页</a></li>
      
      <volist name="menuList" id="vo">
      <li style="width:81px;" class="relative"> 
      	<a href="{$_RPath}cate-{$vo['node_id']}-0.html" <eq name="vo['node_id']" value="$cate">class="active"</eq>>{$vo['node_name']}</a>
        <div class="a_list Dn">
          <ul>
          	<volist name="vo['submenu']" id="svo">
            <li <eq name="vo['node_id']" value="4">style="width:180px;"</eq>><a href="{$_RPath}cate-{$vo['node_id']}-{$svo['node_id']}.html">{$svo['node_name']}</a></li>
            </volist>
          </ul>
          <div class="cb"></div>
        </div>
      </li>
      </volist>
    </ul>
  </div>
</div>

<div class="flexslider">
  <ul class="slides">
    <li style="background:url({$_RPath}theme/Home/pc/Public/images/img1.jpg) 50% 0 no-repeat;"></li>
    <li style="background:url({$_RPath}theme/Home/pc/Public/images/img2.jpg) 50% 0 no-repeat;"></li>
    <li style="background:url({$_RPath}theme/Home/pc/Public/images/img3.jpg) 50% 0 no-repeat;"></li>
  </ul>
</div>
<script src="{$_RPath}theme/Home/pc/Public/js/jquery.flexslider-min.js"></script> 
<script>
$(function(){
	$('.flexslider').flexslider({
		directionNav: false,
		pauseOnAction: false
	});
});
</script>